<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <title>审查进度详情</title>
  <!--region 引入公用js和css -->
  <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
  <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../assets/plugins/art-template/template.js"></script>
  <script src="../assets/plugins/layer/layer.js"></script>
  <script src="../assets/ditop/ditop.js"></script>
  <!--endregion-->
  
  <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet"> <!-- CSS Customization -->
  <link rel="stylesheet" href="detail-alert.css">
  <style>
  </style>
</head>

<body>
<div class="detail-alert-box">
  <div class="detail-alert-con">
    <div class="detail-alert-header padding-lr-16">
      <div class=" relative">
        <dl>
          <dt>创新产业园二期项目</dt>
          <dd>
            <span class="g737">建设单位：</span>安徽德拓信息科技有限公司
          </dd>
          <dd>
            <span class="g737">容审查机构：</span>德拓（中国）施工图审查有限公司
          </dd>
          <dd>
            <span class="g737">报审时间：</span>2021-01-18 11:35
          </dd>
          <dd>
            <span class="g737">报审批次号：</span>KC00000001
          </dd>
        </dl>
        <span class="closeAll">×</span>
      </div>
      <div class="detail-alert-progress">
        <div class="between margin-left-15">
          <select class="progress-select">
            <option value="">德拓壹号院1~5号楼商业街（含S1号楼）</option>
            <option value="">德拓壹号院1~5号楼商业街（含S1号楼）1</option>
            <option value="">德拓壹号院1~5号楼商业街（含S1号楼）2</option>
            <option value="">德拓壹号院1~5号楼商业街（含S1号楼）3</option>
          </select>
          <div class="progress-drop relative">
            <button class="btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
              查看各专业审查进度总览
              <span class="caret"></span>
            </button>
            <ul class="drop-menu">
              <li><span>建筑</span><span class="g737">2审</span></li>
              <li><span>结构</span><span class="g737">3审</span></li>
              <li><span>给水排水</span><span class="g737">3审</span></li>
              <li><span>暖通空调</span><span class="g737">2审</span></li>
              <li><span>电气</span><span class="g737">4审</span></li>
              <li><span>防护</span><span class="g737">5审</span></li>
              <li><span>防化</span><span class="g737">6审</span></li>
              <li><span>通信</span><span class="g737">2审</span></li>
            </ul>
          </div>
        </div>
        <div class="detail-progress-box margin-top-20">
          <ul class="flex-h relative margin-bottom-30">
            <li class="end"><span>报审<i class="circle"></i></span></li>
            <li class="end"><span>项目接审<i class="circle"></i></span></li>
            <li class="end"><span>专家分配<i class="circle"></i></span></li>
            <li class="end"><span>一审<i class="circle"></i></span></li>
            <li class="end"><span>一审意见签发<i class="circle"></i></span></li>
            <li class="ongoing"><span>复审<i class="circle"></i></span></li>
            <li class="stop"><span>合格书签发<i class="circle"></i></span></li>
            <li class="start"><span>施工图签章<i class="circle"></i></span></li>
          </ul>
          <div class="progress-box-tips">
            <p>2021-03-27 10:35<span class="orange margin-left-15">徐晓飞 </span>提交报审成功</p>
            <p>
              已完成节点的线段长短表示时间的长短
              <span class="end"><i class="circle"></i>已完成</span>
              <span class="ongoing"><i class="circle"></i>进行中</span>
              <span class="start"><i class="circle"></i>未开始</span>
              <span class="stop"><i class="circle"></i>终止</span>
            </p>
          </div>
        </div>
      </div>
    </div>
   
    <div class="detail-alert-layout clearfix">
      <aside class="layout-aside">
        <ul class="layout-aside-head">
          <li>
            <p>当前审查耗时</p>
            <b>12天8小时</b>
          </li>
          <li>
            <p>此次报审预计</p>
            <b>7个流程节点</b>
          </li>
          <li>
            <p>您当前在</p>
            <b class="orange">第3个</b>
          </li>
        </ul>
        <ul class="layout-aside-content padding-lr-16">
          <li class="ongoing">
            <b>审查中</b>
            <span class="circle"></span>
            <dl class="layout-aside-list">
              <dt class="margin-bottom-10">复审</dt>
              <dd>
                <p>
                  <span>杨萌萌</span>
                  <span class="time">今天  10:35</span>
                </p>
                <p>
                  <span>提交建筑专业2审专家意见的回复内容</span>
                  <a class="detail" data-value="2" href="#">查看内容</a>
                </p>
              </dd>
              <dd>
                <p>
                  <span>贾晓婷</span>
                  <span class="time">今天  09:50</span>
                </p>
                <p>
                  <span>提交暖通空调专业3审专家意见</span>
                  <a class="detail" href="#">查看内容</a>
                </p>
              </dd>
              <dd>
                <p>
                  <span>吴彦祖（专家）</span>
                  <span class="time">昨天  11:40</span>
                </p>
                <p>
                  <span>提交建筑专业3审专家意见</span>
                  <a class="detail" href="javascript:;">查看内容</a>
                </p>
              </dd>
              <dd>
                <p>
                  <span>何老师（专家）</span>
                  <span class="time">昨天  09:20</span>
                </p>
                <p>
                  <span>给出建筑专业2审结论及意见</span>
                  <a class="detail" href="javascript:;">查看内容</a>
                </p>
              </dd>
            </dl>
          </li>
          <li class="end">
            <b>已签发</b>
            <span class="circle"></span>
            <dl class="layout-aside-list">
              <dt class="margin-bottom-10">一审意见签发</dt>
              <dd>
                <p>
                  <span>Adam（审图技术负责人）</span>
                  <span class="time">2021-01-18 11:35</span>
                </p>
                <p>
                  <span>签发一审意见</span>
                  <a class="detail" data-value="1" href="#">查看内容</a>
                </p>
              </dd>
            </dl>
          </li>
          <li class="end">
            <b>已完成</b>
            <span class="circle"></span>
            <dl class="layout-aside-list">
              <dt class="margin-bottom-10">一审</dt>
              <dd>
                <p>
                  <span>吴彦祖（专家）</span>
                  <span class="time">2021-01-21 09:18</span>
                </p>
                <p>
                  <span>给出给排水专业1审审核结论(合格)及意见</span>
                  <a class="detail" href="#">查看内容</a>
                </p>
              </dd>
            </dl>
          </li>
          <li class="end">
            <b>已完成</b>
            <span class="circle"></span>
            <dl class="layout-aside-list">
              <dt class="margin-bottom-10">分配专家</dt>
              <dd>
                <p>
                  <span>Adam（审图技术负责人）</span>
                  <span class="time">2021-01-18 11:35</span>
                </p>
                <p>
                  <span>分配专家</span>
                  <a class="detail" data-value="0" href="#">查看内容</a>
                </p>
              </dd>
            </dl>
          </li>
          <li class="end">
            <b>已接审</b>
            <span class="circle"></span>
            <dl class="layout-aside-list">
              <dt class="margin-bottom-10">一审意见签发</dt>
              <dd>
                <p>
                  <span>Adam</span>
                  <span class="time">今天  10:35</span>
                </p>
                <p>
                  <span>接审</span>
                </p>
              </dd>
              <dd>
                <p>
                  <span>贾晓婷</span>
                  <span class="time">今天  09:50</span>
                </p>
                <p>
                  <span>重新提交报审</span>
                </p>
              </dd>
              <dd>
                <p>
                  <span>Adam</span>
                  <span class="time">昨天  11:40</span>
                </p>
                <p>
                  <span>打回企业</span>
                </p>
              </dd>
              <dd>
                <p>
                  <span>贾晓婷</span>
                  <span class="time">昨天  09:20</span>
                </p>
                <p>
                  <span>提交报审</span>
                </p>
              </dd>
            </dl>
          </li>
        </ul>
      </aside>
      <section class="layout-content hidden fp">
        <div class="layout-content-title">分配专家</div>
        <p class="font-lg margin-bottom-10"><span class="g737">今天  10:35</span><span class="padding-lr-16">adam审图技术负责人</span>分配专家</p>
        <div class="layout-content-detail">
          <p class="margin-bottom-10">分配专家</p>
          <ul class="zy-export-list">
            <li>
              <div class="zy-export-type SGTS_SCZY_0002">
                <span class="type-text">建筑业</span>
              </div>
              <div class="zy-export-text">
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">叶翔</span> （341222202002022020）</span>
                </p>
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">闫肖建</span> （342325198952224366）</span>
                </p>
              </div>
            </li>
    
            <li>
              <div class="zy-export-type SGTS_SCZY_0003">
                <span class="type-text">结构</span>
              </div>
              <div class="zy-export-text">
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">叶翔</span> （341222202002022020）</span>
                </p>
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">闫肖建</span> （342325198952224366）</span>
                </p>
              </div>
            </li>
    
            <li>
              <div class="zy-export-type SGTS_SCZY_0004">
                <span class="type-text">给排水</span>
              </div>
              <div class="zy-export-text">
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">叶翔</span> （341222202002022020）</span>
                </p>
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">闫肖建</span> （342325198952224366）</span>
                </p>
              </div>
            </li>
    
            <li>
              <div class="zy-export-type SGTS_SCZY_0005">
                <span class="type-text">人防暖通空调</span>
              </div>
              <div class="zy-export-text">
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">叶翔</span> （341222202002022020）</span>
                </p>
                <p>
                  <span class="info-text">审查专家</span>
                  <span class="info-title"><span class="zy-name">闫肖建</span> （342325198952224366）</span>
                </p>
              </div>
            </li>
    
            <li>
              <div class="zy-export-type SGTS_SCZY_0006">
                <span class="type-text">电气</span>
              </div>
              <div class="zy-export-text">
                 <p>
                   <span class="info-text">审查专家</span>
                   <span class="info-title"><span class="zy-name">叶翔</span> （341222202002022020）</span>
                 </p>
                 <p>
                   <span class="info-text">审查专家</span>
                   <span class="info-title"><span class="zy-name">闫肖建</span> （342325198952224366）</span>
                 </p>
              </div>
            </li>
          </ul>
        </div>
      </section>
      <section class="layout-content hidden exam1">
        <div class="layout-content-title">一审意见签发</div>
        <p class="font-lg margin-bottom-10"><span class="g737">今天  10:35</span><span class="padding-lr-16">adam审图技术负责人</span>签发一审意见</p>
        <div class="layout-content-detail">
          <h3 class="title2 margin-bottom-10">一审审查结论：<span class="green">通过</span></h3>
          <p class="margin-bottom-10">审查意见</p>
          <p class="total-box margin-bottom-10">
            <i class="pen"></i>共<span class="blue">18</span>条
            <span class="dedede">|</span> 违反强条：<span class="black">0条</span>
            <span class="dedede">|</span> 应：<span class="black">3条</span>
            <span class="dedede">|</span> 宜：<span class="black">15条</span>
            <span class="dedede">|</span> 已回复<span class="blue"> 18 </span>条
          </p>
          <table class="table table-bordered main-table">
            <thead>
              <tr>
                <th width="60" rowspan="2" class="text-center">序号</th>
                <th width="90" rowspan="2">审查专业</th>
                <th width="105" rowspan="2">审查专家</th>
                <th width="105" rowspan="2">审核专家</th>
                <th width="105" rowspan="2">审查结论</th>
                <th colspan="2">审查意见数</th>
                <th rowspan="2" class="text-center">操作</th>
              </tr>
              <tr>
                <th style="height: 20px;" width="100">审查意见数</th>
                <th width="100">一般性意见</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="text-center">1</td>
                <td>建筑</td>
                <td>吴孟达</td>
                <td>吴奇隆</td>
                <td>合格</td>
                <td>1</td>
                <td>2</td>
                <td class="text-center"><a class="blue" href="javascript:;">查看</a></td>
              </tr>
              <tr>
                <td class="text-center">2</td>
                <td>建筑</td>
                <td>林志炫</td>
                <td>林志颖</td>
                <td>合格</td>
                <td>1</td>
                <td>2</td>
                <td class="text-center"><a class="blue" href="javascript:;">查看</a></td>
              </tr>
            </tbody>
          </table>
          <p class="margin-bottom-10 margin-top-20">一审审查意见书</p>
          <table class="table table-bordered main-table">
            <tr>
              <td class="text-center" width="60">1</td>
              <td>22-施工图审查意见告知书.pdf
                <span class="pull-right">
                  <a class="padding-lr-16 blue" href="javascript:;">查看</a>
                  <a class="blue" href="javascript:;">下载</a>
                </span>
              </td>
            </tr>
          </table>
        </div>
      </section>
      <section class="layout-content hidden exam2">
        <div class="layout-content-title">复审</div>
        <p class="font-lg margin-bottom-10"><span class="g737">今天  10:35</span><span class="padding-lr-16">杨萌萌</span>提交建筑专业2审专家意见的回复内容</p>
        <div class="layout-content-detail">
          <p class="margin-bottom-10">技术指标</p>
          <div class="layout-index margin-bottom-20">
            <p><span class="g737">高位水箱：</span>2200立方米</p>
            <p><span class="g737">单跨跨度：</span>2米</p>
            <p><span class="g737">总长：</span>21米</p>
          </div>
          <p class="margin-bottom-10">施工图纸</p>
          <table class="table table-bordered main-table">
            <thead>
            <tr>
              <th width="60" class="text-center">序号</th>
              <th>图纸</th>
              <th width="130">大小</th>
              <th width="110">当前版本</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td class="text-center">1</td>
              <td>力天无烟城1#.dwg</td>
              <td>383KB</td>
              <td>v3.0</td>
            </tr>
            <tr>
              <td class="text-center">2</td>
              <td>力天无烟城2#.dwg</td>
              <td>383KB</td>
              <td>v3.0</td>
            </tr>
            </tbody>
          </table>
          <p class="margin-bottom-10 margin-top-20">相关人员</p>
          <table class="table table-bordered main-table">
            <thead>
            <tr>
              <th width="60" class="text-center">序号</th>
              <th width="150">岗位</th>
              <th width="95">人员姓名</th>
              <th width="165">证件号码</th>
              <th>所属单位</th>
            </tr>
            </thead>
            <tbody>
              <tr>
                <td class="text-center">1</td>
                <td>专业设计人员</td>
                <td>吴彦祖</td>
                <td>342623198811022312</td>
                <td>安徽德拓设计院</td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>
      <section class="layout-content hidden exam3">
        <div class="layout-content-title">复审</div>
        <p class="font-lg margin-bottom-10"><span class="g737">今天  10:35</span><span class="padding-lr-16">吴彦祖（专家）</span>给出暖通空调专业3审结论及意见</p>
        <div class="layout-content-detail">
          <h3 class="title2 margin-bottom-10">审查结论：<span class="red">不合格</span></h3>
          <p class="margin-bottom-10">审查意见</p>
          <p class="total-box margin-bottom-10">
            <i class="pen"></i>共<span class="blue">18</span>条
            <span class="dedede">|</span> 违反强条：<span class="black">0条</span>
            <span class="dedede">|</span> 应：<span class="black">3条</span>
            <span class="dedede">|</span> 宜：<span class="black">15条</span>
            <span class="dedede">|</span> 已回复<span class="blue"> 18 </span>条
          </p>
          <p class="margin-bottom-10">人防</p>
          <table class="table table-bordered main-table">
            <tr>
              <td class="text-center" width="60">1</td>
              <td><i class="sign ying">应</i>玻璃幕墙应执行建设部【建标2015】第38号文件</td>
            </tr>
            <tr>
              <td class="text-center" width="60">2</td>
              <td><i class="sign wei">违反强条</i>化学锚栓应根据规范提出检测及使用年限要求</td>
            </tr>
          </table>
          <p class="margin-bottom-10 margin-top-20">消防</p>
          <table class="table table-bordered main-table">
            <tr>
              <td class="text-center" width="60">1</td>
              <td><i class="sign yi">宜</i>雨棚悬挑长度达1.2m需设拉杆</td>
            </tr>
          </table>
        </div>
      </section>
    </div>
  </div>
</div>

<script>
 $('.layout-aside-list .detail').click(function () {
   $(this).css("color","#7493B8").prev().css("color","#737983");
   var val=$(this).data("value");
    if(val=='0'){
      $(".fp").removeClass('hidden').siblings('section').addClass('hidden')
    }else if(val=='1'){
      $(".exam1").removeClass('hidden').siblings('section').addClass('hidden')
    }else if(val=='2'){
      $(".exam2").removeClass('hidden').siblings('section').addClass('hidden')
    }else {
      $(".exam3").removeClass('hidden').siblings('section').addClass('hidden')
    }
 });
  $(".closeAll").click(function () {
    layer.closeCurrent(window);
  });
</script>
<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->
<script>


</script>

</body>
</html>
